<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/register.css">
    <link rel="stylesheet" href="./font/fonts/font-awesome.css">
    <!-- 网页logo -->
    <link rel="shortcut icon" href="./img/wylogo.png">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_3019949_apjq287p52.css">
    <script src="./js/register.js"></script>
    <script src="./js/reg.js"></script>
</head>

<body>
<!-- 顶部导航条 -->
<nav id="top_nav">
    <ul id="nav_left">
        <li>
            <div id="xian1">
                <span>中国大陆</span>
                <i class="fa fa-arrow-down"></i>
                <div id="hidden1">
                    <ul id="hidden_ul">
                        <li><a href="#">全球</a></li>
                        <li><a href="#">中国大陆</a></li>
                        <li><a href="#">中国香港</a></li>
                        <li><a href="#">中国台湾</a></li>
                        <li><a href="#">中国澳门</a></li>
                        <li><a href="#">韩国</a></li>
                        <li><a href="#">马来西亚</a></li>
                        <li><a href="#">日本</a></li>
                        <li><a href="#">澳大利亚</a></li>
                        <li><a href="#">新西兰</a></li>
                        <li><a href="#">加拿大</a></li>
                        <li><a href="#">越南</a></li>
                        <li><a href="#">泰国</a></li>
                        <li><a href="#">菲律宾</a></li>
                    </ul>
                </div>
            </div>
        </li>
        <li class="li_left">
            <a href="login.html" style="color: red;">亲，请登录</a>
        </li>
        <li class="li_left">
            <a href="register.html">免费注册</a>
        </li>
        <li class="li_left">
            <a href="#">手机逛淘宝</a>
        </li>
    </ul>
    <ul id="nav_right">
        <li>
            <a href="index.html" style="color: red;">
                淘宝网首页
            </a>
        </li>
        <li id="wdtb">
            <a href="login.html">
                我的淘宝
                <i class="fa fa-arrow-down"></i>
                <div id="hidden2">
                    <a href="login.html">已买到的宝贝</a>
                    <a href="login.html">我的足迹</a>

                </div>
            </a>
        </li>
        <li>
            <a href="login.html" style="color: red;">
                <i class="fa fa-shopping-cart"></i>
                购物车
            </a>
        </li>
        <li id="scj">
            <a href="login.html">
                <i class="fa fa-star"></i>
                收藏夹
                <i class="fa fa-arrow-down"></i>
                <div id="hidden3">
                    <a href="login.html">收藏的宝贝</a>
                    <a href="login.html">收藏的店铺</a>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                商品分类
            </a>
        </li>
        <li id="mjzx">
            <a href="login.html">
                千牛卖家中心
                <i class="fa fa-arrow-down"></i>
            </a>
        </li>
        <li id="lxkf">
            <a href="service.html">
                联系客服
                <i class="fa fa-arrow-down"></i>
            </a>
        </li>
    </ul>

</nav>
<!-- 顶部logo -->
<div id="logo">
    <p>
        <i class="iconfont icon-taobaowang"></i>
        <span>用户注册</span>
    </p>
</div>
<!-- 中部注册 -->
<div id="center">
    <div id="info">
        <form action="#">
            <p id="info1">
                <span>手机号码</span>
                <select id="select">
                    <option value="中国大陆 +86">中国大陆 +86</option>
                    <option value="中国香港 +852">中国香港 +852</option>
                    <option value="中国澳门 +853">中国澳门 +853</option>
                    <option value="中国台湾 +886">中国台湾 +886</option>
                    <option value="韩国 +82">韩国 +82</option>
                    <option value="日本 +81">日本 +81</option>
                    <option value="美国 +1">美国 +1</option>
                    <option value="加拿大 +1">加拿大 +1</option>
                </select>
                <input type="text" placeholder="请输入你的手机号码" id="telphone">
                <span id="msg"></span>
            </p>
            <p id="info2">
                <span>验证码&nbsp;&nbsp;&nbsp;</span>
                <input type="text" name="yzm" id="yzm" placeholder="请输入校验码">
                <span></span>
                <span id="span" style="color: tomato;">获取验证码</span>
            </p>
        </form>
    </div>
    <div id="button">
        <a href="#">
            <button id="btn">注册</button>
        </a>
    </div>

    <div id="yd">

        <p>
            <input type="radio">
            己阅读并同意以下协议<a href="#">淘宝平台服务协议</a>、<a href="#">隐私权政策</a> 、<a href="#">法律声明</a> 、<a href="#">支付宝及客户端服务协议</a>
        </p>
    </div>
</div>

<!-- 底部 -->
<hr width="800px">
</body>

</html>